<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8">
		<title>檢查輸入長度、中文及英文字數</title>
		<script language="javascript">
			<!--
			var maxWord = 10; //中文及英文最大字數
			var maxCharacter = 50; //字元字數

			//檢查輸入中文及英文字數
			function changeTextWord(objElement) {
				var sng = false;
				if (changeText(objElement)) {
					sng = true;
				} else {
					return false;
				}
				var oTextCountWord = $("txtCountWord_" + objElement.id);
				var tmp = "";
				tmp = objElement.value.replace(/[^\u0000-\u00ff]/g, " a ");
				tmp = tmp.replace(/\b([a-z0-9]+)\b/gi, "a");
				tmp = tmp.replace(/\s/g, "");
				if (tmp.length > maxWord) {
					sub(objElement);
					if (event.keyCode == 8) {
						sng = true;
					} else {
						sng = false;
					};
				} else {
					sng = true;
				}
				oTextCountWord.innerHTML = "<font color=#0000FF>" + tmp.length + "</font>";
				objElement.style.background = '#FFFFFF';
				return sng;
			}

			//檢查輸入長度
			function changeText(objElement) {
				var oTextCount = $("txtCount_" + objElement.id);
				//iCount = objElement.value.length;
				iCount = objElement.value.replace(/[^\u0000-\u00ff]/g, "aa").length;
				if (iCount > maxCharacter) {
					sub(objElement);
					if (event.keyCode != 8) {
						return false;
					};
				}
				oTextCount.innerHTML = "<font color=#0000FF>" + iCount + "</font>";
				return true;
			}

			function resizeEditor(change, obj) {
				var newheight = parseInt($(obj).style.height, 10) + change;
				if (newheight >= 20) {
					$(obj).style.height = newheight + 'px';
				}
			}

			function $(obj) {
				return document.getElementById(obj);
			}

			function sub(obj) {
				obj.value = obj.value.substring(0, obj.value.length - 1);
				changeTextWord(obj);
			}
			-->
		</script>
	</head>
	<body>
		<form>
			目前字數總共：<span id="txtCountWord_taAbObjective">
				<font color="#0000FF">0</font>
			</span> 字(Word)，<span id="txtCount_taAbObjective">
				<font color="#0000FF">0</font>
			</span> 字元(Character)<br>
			<textarea id="taAbObjective" rows="6" cols="60" wrap="virtual" onkeydown="return changeTextWord(this);"
				onkeyup="return changeTextWord(this);" onblur="changeTextWord(this)"
				onpaste="return changeTextWord(this);" ondrag="javascript:return false;"
				style="border:1px solid #000000; height:100px;"></textarea>
			<div class="editor_textexpand"><img src="https://ac.draw.io/images/drawlogo48.png" width="11" height="21" title="收縮編輯框"
					alt="收縮編輯框" onclick="resizeEditor(-20,'taAbObjective')" /><img src="https://ac.draw.io/images/drawlogo48.png"
					width="11" height="21" title="擴展編輯框" alt="擴展編輯框" onclick="resizeEditor(20,'taAbObjective')" /></div>

			目前字數總共：<span id="txtCountWord_taAbObjective2">
				<font color="#0000FF">0</font>
			</span> 字(Word)，<span id="txtCount_taAbObjective2">
				<font color="#0000FF">0</font>
			</span> 字元(Character)<br>
			<textarea id="taAbObjective2" rows="6" cols="60" wrap="virtual" onkeydown="return changeTextWord(this);"
				onkeyup="return changeTextWord(this);" onblur="changeTextWord(this)"
				onpaste="return changeTextWord(this);" ondrag="javascript:return false;"
				style="border:1px solid #000000; height:100px;"></textarea>
			<div class="editor_textexpand"><img src="images/common/bb_contract.gif" width="11" height="21" title="收縮編輯框"
					alt="收縮編輯框" onclick="resizeEditor(-20,'taAbObjective2')" /><img src="https://ac.draw.io/images/drawlogo48.png"
					width="11" height="21" title="擴展編輯框" alt="擴展編輯框" onclick="resizeEditor(20,'taAbObjective2')" />
			</div>

		</form>
	</body>
</html>
